<%--
    Document   : programasEstrategicos
    Created on : 26/04/2010, 03:38:19 PM
    Author     : Fiorella
--%>
<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">
<%@taglib uri="http://struts.apache.org/tags-bean"  prefix="bean"%>
<%@taglib uri="http://struts.apache.org/tags-html" prefix="html"%>
<%@taglib uri="http://struts.apache.org/tags-logic" prefix="logic"%>
<%@ taglib uri="/tags/c" prefix="c"%>
<%@page import="java.math.*"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
   "http://www.w3.org/TR/html4/loose.dtd">
<script src="js/calendar.js" language="javascript"></script>
<script src="js/calendar-es.js" language="javascript"></script>
<script src="js/calendar-setup.js" language="javascript"></script>
<script type="text/javascript">
   function buscarComboOEE(){
            var id = document.getElementById("codOge").value;

            var idDiv = "comboPadre";
            var metodo = "GET";
            var url = "consultasAjax/comboProgEstrAjax.jsp?id="+id+"&codTipCombo=llenarComboOee";
            var cadenaSalida = "";
            var async = true;
            document.getElementById(idDiv).innerHTML;
            autoCompletarDiv(metodo,url,cadenaSalida,async,idDiv);
    }

    function buscarComboActividades(){
            var id = document.getElementById("codOee").value;
            var idOge = document.getElementById("codOge").value;

           
            var idDiv = "comboPadre";
            var metodo = "GET";
            var url = "consultasAjax/comboProgEstrAjax.jsp?id="+id+"&codTipCombo=llenarComboAct"+"&idOge="+idOge;
            var cadenaSalida = "";
            var async = true;
            document.getElementById(idDiv).innerHTML;
            autoCompletarDiv(metodo,url,cadenaSalida,async,idDiv);
    }

     function autoCompletarDiv(metodo,url,cadena,async,idDiv)
        {
            if( window.XMLHttpRequest )
                ajax = new XMLHttpRequest();
            else
                ajax = new ActiveXObject("Microsoft.XMLHTTP");
            ELEMENT_DIV = idDiv;
            ajax.onreadystatechange = funcionCallbackVerDiv;
            ajax.open( metodo, url, async);
            ajax.send(cadena);
        }

    function funcionCallbackVerDiv()
        {
            if( ajax.readyState == 4 )
            {
                if( ajax.status == 200 )
                {
                    document.getElementById(ELEMENT_DIV).innerHTML = ajax.responseText;
                }
            }
        }

    function f_muestraPanel(obj){

        if (obj==1){

            document.getElementById("IdentificacionPrograma").style.display="";
        }

         if (obj==2){
            document.getElementById("IdentificacionPrograma").style.display="none";
        }

         if (obj==3){
            document.getElementById("IdentificacionPrograma").style.display="none";
        }


    }

    function grabar(){
    
                var tipoOper=document.getElementById("Insertar").value;
                
                var codActividad=document.getElementById("codActividad").value;
                var titu_programa=document.getElementById("titu_programa").value;
                var justificacion=document.getElementById("justificacion").value;
                var fechaInicio=document.getElementById("fechaInicio").value;
                var fechaFin=document.getElementById("fechaFin").value;
                var codAnio=document.getElementById("codAnio").value;
                var monto=document.getElementById("montot").value;
                var adjunto=document.getElementById("adjunto").value;
                var codPrograma=document.getElementById("codPrograma").value;

               

                var idDiv = "divTabla";
                var metodo = "GET";
                //alert(tipoOper);
                var url = "consultasAjax/insertarProgEstrAjax.jsp?codActividad="+codActividad+"&titu_programa="+titu_programa+"&justificacion="+justificacion+"&fechaInicio="+fechaInicio+"&fechaFin="+fechaFin+"&codAnio="+codAnio+"&monto="+monto+"&adjunto="+adjunto+"&tipoOper="+tipoOper+"&codPrograma="+codPrograma;
                var cadenaSalida = "";
                var async = true;
                document.getElementById(idDiv).innerHTML;
                autoCompletarDiv(metodo,url,cadenaSalida,async,idDiv);

                 //var tipoOper=document.getElementById("Insertar").value;
                   if(tipoOper=="Editar")
                      document.getElementById("Insertar").value="Insertar";
                   
                 setControl();

    }
    function validar(){


        var monto=document.getElementById("montot").value;



var parte=monto.substr((parseInt(monto.length)-1),(parseInt(monto.length)-1));

if(parte=="."){
    alert("Numero mal formado");
    document.getElementById("montot").focus();
            return;
}

var parte2=monto.substr(12,12);
if(parte2==1||parte2==2||parte2==3||parte2==4||parte2==5||parte2==6||parte2==7||parte2==8||parte2==9){
    alert("Numero mal formado");
    document.getElementById("montot").focus();
            return;
}

var parte3=monto.substr(12,12);
if(parte3==0&&(parseInt(monto.length)-1)==12){
    alert("Numero mal formado");
    document.getElementById("montot").focus();
            return;
}

       if (document.getElementById("codOge").value==-1){
            alert("Seleccione opcion en combo OGE");
            document.getElementById("codOge").focus();
            return;
        }

        if (document.getElementById("codOee").value==-1){
            alert("Seleccione opcion en combo OEE");
            document.getElementById("codOee").focus();
            return;
        }

        if (document.getElementById("codActividad").value==-1){
            alert("Seleccione opcion en combo Actividad");
            document.getElementById("codActividad").focus();
            return;
        }

        if (document.getElementById("titu_programa").value==-1){
                alert("Ingrese titulo del programa");
                document.getElementById("titu_programa").focus();
                return;
            }


        if (document.getElementById("justificacion").value==""){
            alert("Ingrese Justificacion");
            document.getElementById("justificacion").focus();
            return;
        }



        if (document.getElementById("fechaInicio").value==""){
            alert("Ingrese Fecha de Inicio");
            document.getElementById("fechaInicio").focus();
            return;
        }

        if (document.getElementById("fechaFin").value==""){
            alert("Ingrese Fecha Final");
            document.getElementById("fechaFin").focus();
            return;
        }
         if (document.getElementById("adjunto").value==""){
            alert("Ingrese nombre de documento adjunto");
            document.getElementById("adjunto").focus();
            return;
        }

        if (document.getElementById("codAnio").value==-1){
            alert("Seleccione Anio");
            document.getElementById("codAnio").focus();
            return;
        }

         if (document.getElementById("montot").value==""){
            alert("Ingrese monto");
            document.getElementById("montot").focus();
            return;
        }
         
         grabar();
    }

    function eventoSoloNumeros(){


	var key = event.keyCode;

	if ((key == 13 )|| (key >= 48 && key <= 57) || (key==8 )==true)
		event.returnValue = true;
	else
		event.returnValue = false;

    }


    function isDecimalKey(evt) {
        if (!(evt.keyCode == 46 || (evt.keyCode >= 48 && evt.keyCode <= 57))) return false;
        var parts = evt.srcElement.value.split('.');
        if (parts.length > 2) return false;
        if (evt.keyCode == 46) return (parts.length == 1);
        if (parts[0].length >= 13) return false;
        if (parts.length == 2 && parts[1].length >= 2) return false;
    }

   // function editar(tituProgTab,justiProgTab,codPrograma,COD_OGE,COD_OEE,COD_ACTIVIDAD,FECHA_INICIO,FECHA_FIN,RUTA,codAnio,monto){
    function editar(tituProgTab,justiProgTab,codPrograma,COD_OGE,COD_OEE,COD_ACTIVIDAD,FECHA_INICIO,FECHA_FIN,RUTA,codAnio,monto){

     //alert( tituProgTab+", "+justiProgTab+", "+codPrograma+", "+COD_OGE+", "+COD_OEE+", "+COD_ACTIVIDAD+", "+FECHA_INICIO+", "+FECHA_FIN+", "+RUTA+", "+codAnio+", "+monto)

       document.getElementById("codPrograma").value=codPrograma;      
       document.getElementById("Insertar").value="Editar";      
       document.getElementById("codOge").value=COD_OGE;

       document.getElementById("titu_programa").value=tituProgTab;
       document.getElementById("justificacion").value=justiProgTab;
       document.getElementById("fechaInicio").value=FECHA_INICIO;
       document.getElementById("fechaFin").value=FECHA_FIN;
       document.getElementById("adjunto").value=RUTA;
    
       document.getElementById("codAnio").value=codAnio;
       document.getElementById("montot").value=monto;




       var idDivAct = "comboPadre";
       var metodo = "GET";
       var url = "consultasAjax/comboProgEstrAjax.jsp?idOee="+COD_OEE+"&codTipCombo=llenarComboForAfterUpdate"+"&codActividad="+COD_ACTIVIDAD+"&id="+COD_OGE;
       var cadenaSalida = "";
       var async = true;
       document.getElementById(idDivAct).innerHTML;
       autoCompletarDiv(metodo,url,cadenaSalida,async,idDivAct);


    }

    function setControl(){
        document.getElementById("codOge").value=-1;

	var j ;
	var oElem;

	for (j=document.ProgEstrForm.codOee.length - 1;j>=0;j--){
		document.ProgEstrForm.codOee.remove(j);
	}
	oElem = document.createElement("OPTION");
	oElem.value = "-1";
	oElem.text = "[--Seleccionar O. Especifico--]";
	oElem.id = "-1";
	document.ProgEstrForm.codOee.add(oElem);


        for (j=document.ProgEstrForm.codActividad.length - 1;j>=0;j--){
		document.ProgEstrForm.codActividad.remove(j);
	}
	oElem = document.createElement("OPTION");
	oElem.value = "-1";
	oElem.text = "[--Seleccionar Actividades--]";
	oElem.id = "-1";
	document.ProgEstrForm.codActividad.add(oElem);


        document.getElementById("titu_programa").value=-1;
        document.getElementById("justificacion").value="";
        document.getElementById("fechaInicio").value="";
        document.getElementById("fechaFin").value="";
        document.getElementById("codAnio").value="-1";
        document.getElementById("montot").value="";
        document.getElementById("adjunto").value="";
        document.getElementById("codPrograma").value=0;
    }
    function eliminar(codPrograma){

               if (confirmAction()==false) return;
                var tipoOper="Eliminar";

               var codActividad,titu_programa,justificacion,fechaInicio,fechaFin,codAnio,monto,adjunto,tipoOper,codPrograma;
               codActividad=0;
               titu_programa="";
               justificacion="";
               fechaInicio="";
               fechaFin="";
               codAnio=0;
               monto=0;
               adjunto="";

                var idDiv = "divTabla";
                var metodo = "GET";
                //alert(tipoOper);
                var url = "consultasAjax/insertarProgEstrAjax.jsp?codActividad="+codActividad+"&titu_programa="+titu_programa+"&justificacion="+justificacion+"&fechaInicio="+fechaInicio+"&fechaFin="+fechaFin+"&codAnio="+codAnio+"&monto="+monto+"&adjunto="+adjunto+"&tipoOper="+tipoOper+"&codPrograma="+codPrograma;
                var cadenaSalida = "";
                var async = true;
                document.getElementById(idDiv).innerHTML;
                autoCompletarDiv(metodo,url,cadenaSalida,async,idDiv);

                setControl();

    }

    function fin(codigo,desc){
            //alert(codigo);
            //alert(desc);
            var form = document.getElementById("ProgEstrForm");
            form.action="ProgEstra.do?dispatch=loadMeta&codPrograma="+codigo+"&desc="+desc;
            form.method="post";
            form.submit();

        }

       function proposito(codigo,desc){
            var form = document.getElementById("ProgEstrForm");
            form.action="ProgEstra.do?dispatch=loadProposito&codPrograma="+codigo+"&desc="+desc;
            form.method="post";
            form.submit();


       }
      function componentes(codigo,desc){

            var form = document.getElementById("ProgEstrForm");
            form.action="ProgEstra.do?dispatch=loadComponentes&codPrograma="+codigo+"&desc="+desc;

            form.method="post";
            form.submit();


       }

   function confirmAction(){
        if (confirm("Se borrara fin, meta y componentes del registro seleccionado  \n ¿Esta seguro de continuar? "))
            return true;
        else return false;
     }
</script>
<html>

    <head>
         <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
         <link type="text/css" rel="stylesheet" href="lib/css/Style_Font_Text.css" >
        <link type="text/css" rel="stylesheet" href="lib/css/Style_PageTable.css" >
        <link type="text/css" rel="stylesheet" href="lib/css/Style_Index.css" >
        <link rel="stylesheet" type="text/css" media="all" href="lib/css/calendar-win2k-cold-1.css" title="win2k-cold-1" />
        
        
        <title>JSP Page</title>
    </head>
    <body>
        <center>
            <h1>Producto Institucional</h1>
        </center>
        <div style="overflow: auto; width:710px; height: 400px">
      <html:form action="ProgEstra.do?dispatch=load" styleId="ProgEstrForm">
          
              <!-- <table id="IdentificacionPrograma" style="display: none" align="center">   -->
              <input id="codPrograma" type="hidden" value="0">
              <table  width="100%" align="center">
                  <tr>
                      <td width="50%" align="right">
                          OGE &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                              &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                              &nbsp;
                      </td>
                      <td width="50%">
                          <html:select property="codOge" styleId="codOge" onchange="buscarComboOEE()">
                            <html:option value="-1">[--Seleccionar OGE--]</html:option>
                            <html:optionsCollection name="ProgEstrForm" property="OGE" value="COD_OGE" label="DESC_OGE" />
                        </html:select>
                      </td>
                  </tr>
              </table>
              <div id="comboPadre">
              <table  width="100%" align="center">
                   <tr>
                          <td width="50%" align="right">
                              OEE &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                                  &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                                  &nbsp;
                          </td>
                          <td width="50%">

                                <html:select property="codOee" styleId="codOee">
                                    <html:option value="-1">[--Seleccionar O. Especifico--]</html:option>
                                    <html:optionsCollection name="ProgEstrForm" property="OEE" value="COD_OEE" label="DESC_OEE" />
                                </html:select><br>
                          </td>
                  </tr>
                  <tr>
                          <td align="right">
                              Actividades
                              &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                              &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                          </td>
                           <td >
                                 <html:select property="codActPer" styleId="codActividad">
                                    <html:option value="-1">[--Seleccionar Actividades--]</html:option>
                                    <html:optionsCollection name="ProgEstrForm" property="ACTIVIDAD" value="COD_OGE" label="DESC_OGE" />
                                </html:select>
                           </td>
                     </tr>
              </table>
             </div>
              <table width="100%">
                  <tr>
                      <td width="50%" align="right">
                        Nombre de Programa
                        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                      </td>
                      <td style="width: 400px"><html:select  styleId="titu_programa" property="titu_programa"  >
                                            <html:option value="-1">[--Seleccionar--]</html:option>
                                            <html:option value="AID Apoyo al Deportista de Alto Rendimiento">AID Apoyo al Deportista de Alto Rendimiento</html:option>
                                            <html:option value="CEAR Centro de Entrenamiento de Alto Rendimiento">CEAR Centro de Entrenamiento de Alto Rendimiento</html:option>
                                            <html:option value="Crecer con Deporte">Crecer con Deporte</html:option>
                                            <html:option value="Talentos Depotivos">Talentos Depotivos</html:option>
                                			</html:select>
                      </td>
                  </tr>
                </table>


                 <table width="100%">
                   <tr>
                       <td width="50%" align="right">
                        Justificaci&oacute;n
                         &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                              &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                      </td>
                      <td>
                            <html:text property="justificacion" styleId="justificacion" />
                          
                      </td>
                      
                  </tr>
                </table>



                <table width="100%">
                   <tr>
                     
                       <td width="50%" align="right">
                          Fecha Inicio
                           &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                              &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                      </td>
                      <td>
                          <html:text  styleId="fechaInicio" property="fechaInicio" maxlength="400"/>
                                        <img src= "images/calendar.gif" alt="" name="trigger" id="trigger" title="Abrir Calendario" />
                         
                      </td>
                  </tr>
                </table>

                <table width="100%">
                   <tr>

                       <td width="50%" align="right">
                          Fecha Termino
                          &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                              &nbsp;&nbsp;&nbsp;
                      </td>
                      <td>
                       <html:text  styleId="fechaFin" property="fechaFin" maxlength="400" readonly="true"/>
                                        <img src= "images/calendar.gif" alt="" name="trigger2" id="trigger2" title="Abrir Calendario" />
                      </td>
                  </tr>
                </table>




                

                 <table width="100%">
                    <tr>
                        <td width="50%" align="right">
                       Año
                        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                      </td>
                      <td>
                        <html:select property="codAnio" styleId="codAnio">
                            <html:option value="-1">[--Seleccionar Anio--]</html:option>
                            <html:optionsCollection name="ProgEstrForm" property="listAnio" value="COD_ANIO" label="DESC_ANIO" />
                        </html:select>
                      </td>
                    </tr>
                    <tr>
                        <td width="50%" align="right">
                        Presupuesto
                        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                      </td>
                      <td>
                            &nbsp;&nbsp;



                            <html:text  property="montot" styleId="montot" onkeypress="return isDecimalKey(event);" />

                            <br>
                            <label style="color: red ">El monto no debe de pasar de 12 digitos enteros y  2 decimales.</label>
                      </td>
                    </tr>

                 </table>

                      <br>
               <table width="100%">
                  <tr>
                       <td colspan="2" align="center">
                            &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                            &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                            &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                            &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                            &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                            &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                            &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                            &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                            &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                            

                           <input id="Insertar" name="Insertar" type="button" value="Insertar" onclick="validar()"/>

                       </td>
                  </tr>
                </table>
                      <table>
                          <tr>
                              <td>
                                
                                  <html:file property="adjunto" styleId="adjunto"/>
                                  
                              </td>
                          </tr>
                      </table>
               
              <br>
              
                  <table>
                  <tr>
                             <%int i=1;%>
                      <td colspan="2">
                                               <!-- Ini Ingreso del Marco Logico-->

                                                <logic:present name="ProgEstrForm" property="listTableTituProg">
                                                    <div id="divTabla">
                                                        <table id="tabla1" width="99%" align="right" class="userTable">
                                                            <tr class="even" align="center">
                                                                <th class="textoTR">#</th>
                                                                <th class="textoTR">Programa </th>
                                                                <th class="textoTR">Justificaci&oacute;n</th>
                                                                <th class="textoTR">Editar</th>
                                                                <th class="textoTR">Eliminar</th>
                                                                <th class="textoTR">Fin</th>
                                                                <th class="textoTR">Prop&oacute;sito</th>
                                                                <th class="textoTR">Componente</th>
                                                            </tr>

                                                            <logic:iterate name="ProgEstrForm" property="listTableTituProg" id="lista">
                                                                <tr align="center">
                                                                     <td width="10%" align="center">
                                                                            <%=i++ %>
                                                                    </td>
                                                                    <td width="10%" align="center">
                                                                        <bean:write name="lista" property="tituProgTab"/>
                                                                    </td>

                                                                    <td width="10%" align="center">
                                                                        <bean:write name="lista" property="justiProgTab"/>
                                                                    </td>

                                                                    <td width="10%" align="center">

                                                                        <img style="cursor:pointer" title="Editar" alt="Editar" border=0  src="images/b_edit.png"
                                                                             onclick="editar( '<c:out value="${lista.tituProgTab}"/>',
                                                                                              '<c:out value="${lista.justiProgTab}"/>',
                                                                                              '<c:out value="${lista.codPrograma}"/>',
                                                                                              '<c:out value="${lista.COD_OGE}"/>',
                                                                                              '<c:out value="${lista.COD_OEE}"/>',
                                                                                              '<c:out value="${lista.COD_ACTIVIDAD}"/>',
                                                                                              '<c:out value="${lista.FECHA_INICIO}"/>',
                                                                                              '<c:out value="${lista.FECHA_FIN}"/>',
                                                                                              '<c:out value="${lista.RUTA}"/>',
                                                                                              '<c:out value="${lista.COD_ANIO}"/>',
                                                                                              '<c:out value="${lista.MONTO}"/>'

                                                                                         );"/>

                                                                    </td>

                                                                    <td width="10%" align="center">

                                                                        <img style="cursor:pointer" title="Eliminar" title="Eliminar" alt="Eliminar" border=0  src="images/b_drop.png" onclick="eliminar('<c:out value="${lista.codPrograma}"/>');">
                                                                    </td>

                                                                    <td width="20%" align="center">

                                                                        <img style="cursor:pointer" title="MarcoLogico" title="Meta" alt="Meta" border=0  src="images/file_preview.png" onclick = "fin('<c:out value="${lista.codPrograma}"/>','<c:out value="${lista.tituProgTab}"/>');">
                                                                    </td>

                                                                   <td width="20%" align="center">

                                                                        <img style="cursor:pointer" title="MarcoLogico" title="Meta" alt="Meta" border=0  src="images/file_preview.png" onclick = "proposito('<c:out value="${lista.codPrograma}"/>','<c:out value="${lista.tituProgTab}"/>');">
                                                                    </td>
                                                                    <td width="20%" align="center">

                                                                        <img style="cursor:pointer" title="MarcoLogico" title="Meta" alt="Meta" border=0  src="images/file_preview.png" onclick = "componentes('<c:out value="${lista.codPrograma}"/>','<c:out value="${lista.tituProgTab}"/>');">
                                                                    </td>


                                                                </tr>
                                                            </logic:iterate>
                                                        </table>
                                                    </div>
                                                </logic:present>


                              <!-- Fin Ingreso del Marco Logico-->
                      </td>
                  </tr>
                </table>




      </html:form>
        </div>

<script>
                                Calendar.setup(
                {
                  inputField  : "fechaFin",         // ID of the input field
                  ifFormat    : "%d/%m/%Y",    // the date format
                  button      : "trigger2"       // ID of the button
                }
                );
                    Calendar.setup(
                {
                  inputField  : "fechaInicio",         // ID of the input field
                  ifFormat    : "%d/%m/%Y",    // the date format
                  button      : "trigger"       // ID of the button
                }
                );
                            </script>

    </body>
</html>
